<template>
    <div class="con">
        <link rel="stylesheet" href="download/font_2188963_w7duq8mqgmq/iconfont.css">
        <router-link to="/">
            <div class="smallFont">
            <span class="iconfont icon-yemian-copy-copy"></span>
            <span class="font font1">首页</span>  
            </div>
        </router-link>
        <router-link to="/ziXun">
            <div class="smallFont" @click="fun()">
                <span class="iconfont icon-zixun"></span>
                <span class="font">资讯</span>
            </div>
        </router-link>
        <router-link to="/xuanBiao">
        <div class="smallFont">
            <span class="iconfont icon-shoubiao"></span>
            <span class="font">选表</span>  
        </div>
        </router-link>
        <router-link to="/order">
        <div class="smallFont">
            <span class="iconfont icon-icon--copy"></span>
            <span class="font">订单</span>
        </div>
        </router-link>
        <router-link to="/my">
        <div class="smallFont">
            <span class="iconfont icon-wode"></span>
            <span class="font">我的</span>  
        </div>
        </router-link>
    </div>
</template>

<script>
export default {
    methods:{
        fun(){
            this.$store.dispatch("axiosdemoa")
        }
    }
}
</script>

<style scoped>
    .con{
        font-size: 0.16px;
       position: fixed;
       bottom: 0;
       height: 0.5rem;
       width: 100%;
       background-color: white;
       display: flex;
       justify-content: space-around;
       z-index: 555;
    }
    a{
        text-decoration: none;
    }
     .iconfont{
        font-size: 0.27rem;
         color: #333333;
    }
    .smallFont .font{
        font-size: 0.14rem;
        color: #333333;
    }
    .smallFont{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .icon-yemian-copy-copy{
        color: orangered;
    }
    .smallFont .font1{
        color: orangered;
    }
    .router-link-active{
        background-color: #ddd;
    }

</style>